@charset "UTF-8";

.support-first{
    height:600px;
    width:100%;
    background: white;      
}

.support-first
.text{
    text-align: center;
    width:100%;
    margin:0 auto;
    position:relative;
    top:68px;
    z-index:3;
}

.support-first
.text
h1{
    color:black;
    font-size: 44px;
    font-weight: 700;    
    font-family: 方正细黑一_GBK;
    letter-spacing: -2px;
}

.support-first
.text
p{
    color:#727272;
    font-size:22px;
    margin-top:10px;
    letter-spacing: 1px;
}

.support-first
.bg-img{
    position:absolute;
    z-index:2;
    height:600px;
    width:100%;
    background: url(../images/app/矢量智能对象.png) no-repeat center bottom;
}

.support-second{    
    border-bottom: 2px solid #e8e8e8;    
}

.support-second 
.text{     
    margin:0 auto;
    text-align: center;     
}

.support-second 
.text
h2{
    color:black;
    font-size: 34px;
    font-weight: 300;
    padding-top: 100px; 
    letter-spacing: 1px;
}

.support-second
.products{
    width:900px;
    margin:68px auto;
    overflow: hidden;     
    text-align: center;    
}

.products
.product-list{
    float:left;
    padding-left:85px;
}

.product-list
h2{
    font-size: 16px;     
}

.product-list
img{
    width:188px;
}

.products
.product-list
.product-name{
    padding-top:12px;
    font-weight: 600;
    color:#131313;
}

.support-third{
    height:650px;
    border-bottom: 2px solid #e8e8e8;
}

.support-third
.text{
    text-align: center;
    width:900px;
    margin:0 auto;
    padding-top:100px;    
}

.support-third
.text
h2{
    color:black;
    font-size: 34px;
    font-weight: 300;
    letter-spacing: 1px;
}

.support-third
.text
p{
    margin-top:10px;
    color:#727272;
    font-size: 18px;
    letter-spacing: 1px;
}

.support-third
.box{
    width:850px;
    height:330px;
    background: #f3f3f3;
    margin:35px auto;
}

.support-third
.box-1{
    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
    width:50%;
    height:60%;
    float:left;    
}

.support-third
.box-1
.content{
    display:block;
    width: 100%;
    margin:68px auto;    
    text-align: center;    
    height:100%;
    border-right:1px solid #dedede;
    cursor: pointer;
}

.support-third
.box-2
.content{
    display:block;
    width: 100%;
    margin:68px auto;
    text-align: center;    
    height:100%;
    cursor: pointer;
}

.support-third
.box-2{
    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
    width:50%;
    float:left;
    height:60%;
}

.support-third
.box-1
.bg-img{
    width:100%;
    height:50px;
    background: url(./../images/app/矢量智能对象_60.png) no-repeat center bottom;
    background-size: 10%;
    -moz-background-size:10%;
}

.support-third
.box-2
.bg-img{
    width:100%;
    height:50px;
    background: url(./../images/app/矢量智能对象_91.png) no-repeat center bottom;
    background-size: 10%;
    -moz-background-size:10%;
}

.content
.view{
    line-height: 1.125;
    font-size: 18px;
    margin-top: 20px;
    display: block;
    font-weight: 500;
    color: black;
    letter-spacing: 1px;     
}

.content
.crop{
    font-size: 16px;    
    text-align: center;
    margin-top: 5px;
    margin-bottom: .5em;
    color:#717171;
    letter-spacing: 1px;
}

.content
.link{
    font-size: 18px;
    margin-top: 30px;
    color:#0199e2;
    letter-spacing: 1px;
    text-decoration: none;
}

.content
.link::after{
    display:inline-block;
    content:">";
   margin-left:5px;
}

.content:hover .view ,.content:hover .link{
    color:#0199e2;
    text-decoration: underline;
}

.support-footer{
    height:401px;
}

.support-footer
.extra-info{
    padding-top:100px;
    text-align: center;
    width:800px;
    margin:0 auto;
}

.extra-info
.little{
    font-size: 18px;
    color:#717171;
    font-weight: 500;
}

.support-footer
.extra-info
.help{
    margin-top: 8px;
    color:black;
    font-weight: 500;
    font-size: 38px;
    letter-spacing:1px;
}

.support-footer
.extra-info
.or{
    margin-top:28px;
    font-size: 18px;
    color:#717171;
    font-weight: 500;     
}

.extra-info
.tele{
    margin-top:28px;    
}

.extra-info
.tele
.tele-e{
    margin: 0 auto;
    display:block;
    width:230px;      
    background: #0199e2;
    color:white;
    font-size: 28px;
    padding:8px 0 8px 0;
    font-weight: 500;
    letter-spacing: 1px;
}